﻿@using CaptchaMvc.HtmlHelpers
@model Charades.Web.Models.FeedbackViewModel
@{
	ViewBag.Title = "О проекте";
	ViewBag.SocialTitle = "Онлайн игра drawpi.co, рисуем и угадываем";
	ViewBag.SocialDescription = "Увлекательная бесплатная онлайн игра крокодил. Заходи прямо сейчас, рисуй в браузере и угадывай из более 4000 слов.";
	ViewBag.SocialImage = "http://drawpi.co" + Url.Content("~/Content/Images/main.png");
}
<div class="uk-grid uk-grid-small about-container">
	<div class="uk-width-large-1-2 uk-width-1-1 uk-width-small-1-1">
		<div class="uk-width-1-1">
			<h2>@ViewBag.Title</h2>
		</div>
		<div class="uk-width-1-1 uk-text-justify">
			<p class="uk-margin-left uk-margin-right">
				Рисуй лучше всех, угадывай быстрее других!
				Играй в режиме реального времени, общайся в чате, зарабатывай очки и выигрывай раунды.<br>
				<br>
				Эта простая увлекательная игрушка, построенная на ассоциациях, родилась из всеми любимой игры крокодил, чтобы создать всем нам доброе и хорошее настроение, даже когда мы находимся на большом расстоянии. Мы следим за проектом и постояно придумываем и добавляем всякие хотелки и улучшалки.<br>
				<br>
				Пишите нам письма! Всегда Ваши, Крокодзилла и команда drawpi.co ;)
			</p>
		</div>
		<div class="uk-width-1-1 uk-margin-left">
			<div id="vk_subscribe"></div>
		</div>
		<div class="uk-width-1-1 uk-margin-left uk-margin-small-top">
			<a href="https://twitter.com/drawpico" class="twitter-follow-button" data-show-count="true" data-lang="ru">Читать @("@drawpico")</a>
		</div>
	</div>
	<div class="uk-width-large-1-2 uk-width-medium-1-1 uk-width-small-1-1">
		<h2>Обратная связь</h2>
		@using (Html.BeginForm("About", "Home", FormMethod.Post, new { @class = "uk-form", id="feedback" }))
		{
			<fieldset>
				<div class="uk-form-row">
					@Html.TextBoxFor(m => m.Email, new {@class="uk-width-1-1", placeholder="Ваш e-mail*", type="email"})
				</div>
				<div class="uk-form-row uk-margin-small-top">
					@Html.TextAreaFor(m=>m.Content, new {@class="uk-width-1-1", rows="14", placeholder="Сообщение*", style="resize: none;"})
				</div>
				@Html.Captcha("Refresh", "Input", 5, "Is required field.", true).AsIntelligent()
				<div class="uk-form-row uk-margin-small-top">
					<label class="uk-form-success uk-float-left">@ViewBag.Message</label>
					<input type="submit" class="uk-button uk-button-primary uk-float-right" value="Отправить" />
				</div>
			</fieldset>
		}
	</div>
</div>
@section scripts
{
	<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");</script>
	<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>
	<script type="text/javascript">
		$(function () {
			VK.Widgets.Subscribe("vk_subscribe", { soft: 0, mode: 1 }, -73402981);

			var set = $('#feedback').validate().settings;
			set.errorClass = 'uk-form-danger';
			set.onsubmit = false;
			set.onfocusout = false;
			set.onkeyup = false;
			set.onclick = false;
			set.focusCleanup = true;
		});
	</script>
}